<div class="newCaseBox" id="myModal2" ng-show="showCaseDiv">
  <div class="newCaseContaint" id="myModal21">
    <h1 class="newCaseBigTitle font-size-20">创建案件 <span style="margin-right: 20px;" ng-click="closeModal()"> X</span></h1>

    <div class="newCaseMargin">
      <div id="operationUndock" class="newCaseBody lackparameter">
            <div class="font-size-20 newCaseSecTitle">
            <em style="color:rgb(66,183,159); line-height:33px">
              <i class="iconBg iconBg-f1">1</i><span>案件信息</span>
            </em>
           <em ng-class="{'icon-active': createCaseDiv == 2}" class="margin-left-50">
             <i class="iconBg iconBg-f2">2</i>选择客户
           </em>
        </div>
        <form novalidate name="caseform" class="w5c-form form-group  demo-form" role="form" w5c-form-validate="validateOptions">
              <div class="" ng-if="createCaseDiv == 1">
                <!--案件类别-->
                <div class="ajlb clearfix">
                  <div class="nameTitle" style="margin-right: 10px;">案件分组:</div>
                  <div class="neirong Box2Outer">

                    <div class="neirongBox2" id="modal-casetype-btn button" ng-repeat="s in caseCategory">
                      <button id="ctId{{s.id}}"  style="width:112px" ng-class="{'active-show':searchTb==s.id}" ng-click="caseform.reset();caseCateTypeButton(s.id)" class="notCheckBorder lift10Margin">{{s.caseclassificationname}}
                      </button>
                    </div>
                  </div>
                </div>
                <!---切换tab 1-->
                <div class="tabbox search{{searchTb}}"  ng-if="searchTb==1">
                  <!--案件类型-->
                  <div class="ajlx clearfix">
                    <div class="nameTitle">案件类型:</div>
                    <div class="dropdown case-choose-dropdown pull-left form-group" id="zcDiv">
                      <select class="search-box" id="ccfid" ng-model="mNewCase.CaseClassificationId" name="CaseClassificationId"  ng-class="{'w480':mNewCase.CaseClassificationId==4,'w200':mNewCase.CaseClassificationId!=4}" ng-change="getTrialLevels(mNewCase.CaseClassificationId)" ng-options="case.id as case.casetypename for case in caseCateSelet" required w5c-dynamic-element>
                        <option value="" class="ProductAttributesSelect">请选择案件类型</option>
                      </select>
                    </div>
                    <div  ng-if="mNewCase.CaseClassificationId != 4">
                    <span class="caseTrail">审级:</span>
                    <div class="dropdown case-choose-dropdown pull-left form-group">
                      <select class="search-box" ng-model="mNewCase.casebusiness" name="casebusiness"  style="height:40px; width:200px"  ng-options="trial.id as trial.casebusinessname for trial in CaseTrialSelet" required w5c-dynamic-element>
                        <option value="" class="ProductAttributesSelect">请选择审级</option>
                      </select>
                    </div>
                    </div>

                  </div>

                  <!--案由一个-->
                  <div class="ay tboxCont" ng-if="mNewCase.CaseClassificationId !=3">
                    <div class="nameTitle clearfix ">案由:</div>
                    <div class="searchBox inlineBlock form-group"  aria-expanded="true" style="width:500px;padding-left: 20px; position:relative; float:left">
                      <input text="hidden" style="position: absolute; z-index:-1; width:480px; left:18px; top:-1px"  ng-model="CaseAnyouModel" name="CaseAnyouModel" class="form-control inputColor" required w5c-dynamic-element >
                      <input id="mMissingTest"  style="border:none;outline:none;width:475px" type="text" ng-focus="CaseAnyou('anyou1',CaseAnyouModel, $event)"   ng-keyup="CaseAnyou('anyou1',CaseAnyouModel, $event)" class="form-control inputColor" placeholder="请选择案由" autocomplete="off"  ng-value="CaseAnyouModel"/>

                      <div class="neirongBox2 navbar-search-box"  style="width: 100%;position: absolute; z-index: 100; background-color: #fff; padding-top:0; margin-left:0">
                        <!--没有案由就让列表消失-->
                        <ul id="anyouUl" class="radio anyouIDBig">
                          <li ng-repeat="s in CaseAnyouSelet" >
                            <div style="width:100%;" ng-click="CaseAnyouRadio(s.casecausename,s.id, $event)">
                              <span class="ayName" >{{s.casecausename}}</span>
                            </div>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  <!--案由 2个框-->
                  <div class="ay tboxCont" ng-if="mNewCase.CaseClassificationId == 3">
                    <div class="nameTitle clearfix ">案由:</div>
                    <div class="Clearfix">
                      <div class="searchBox inlineBlock padding-left-20 floatL form-group">
                        <input text="hidden" style="position: absolute; z-index:-1; width:202px"  name="adminBody"  ng-model="adminBody" class="inlineBlock" required w5c-dynamic-element>
                        <input type="text" id="mMissingTest2" class="inlineBlock"  style="width:202px; padding-left:10px" ng-value="adminBody"   autocomplete="off" placeholder="请输入行政主体"
                               ng-keyup="CaseAnyouZY(1,adminBody, $event)"  required w5c-dynamic-element />
                        <!--没有案由就让列表消失-->
                        <div class="anyouBox">
                          <!--没有案由就让列表消失-->
                          <ul id="anyouUl2" class="radio anyouID">
                            <li>
                              <div ng-repeat="s in CaseAnyouSelet"
                                   style="width:100%;">
                                <span class="ayName" ng-click="CaseAnyouRadio(s.casecausename,s.id, $event)">{{s.casecausename}}</span>
                              </div>
                            </li>
                          </ul>
                        </div>

                      </div>

                      <div class="searchBox inlineBlock padding-left-25 floatL form-group" >
                        <input text="hidden" style="position: absolute; z-index:-1; width:252px"  ng-model="adminAct" name="adminAct" class="inlineBlock" required w5c-dynamic-element>

                        <input type="text" id="mMissingTest3" class="inlineBlock form-control " style="width:252px; position: relative"  ng-value="adminAct" placeholder="请输入行政行为" autocomplete="off" ng-keyup="CaseAnyouZY(2,adminAct, $event)"  required w5c-dynamic-element />
                        <div class="anyouBox">
                          <!--没有案由就让列表消失-->
                          <ul id="anyouUl3" class="radio anyouID" style="width:252px">
                            <li>
                              <div ng-repeat="s in CaseAnyouSelet"
                                   style="width:100%;">
                                <span class="ayName" ng-click="CaseAnyouRadio(s.casecausename,s.id, $event)">{{s.casecausename}}</span>
                              </div>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>


                </div>
                <!---切换tab 2-->
                <div class="tabbox form-group search{{searchTb}}" ng-if="searchTb==2">
                  <!--业务类型-->
                  <div class="newwtr clearfix" >
                    <div class="nameTitle">业务类型:</div>
                    <div style="position: relative">
                      <div class="dropdown case-choose-dropdown pull-left form-group">

                        <select class="search-box" ng-model="mNewCase.serviceType"  name="serviceType" style="height:40px; width:480px" ng-change="getTrialLevels(mNewCase.serviceType)" ng-options="case.id as case.typename for case in caseCateSelet" required w5c-dynamic-element>
                          <option value="" class="ProductAttributesSelect">请选择业务类型</option>

                        </select>

                      </div>
                    </div>
                  </div>
                  <!--委托事项-->
                  <div class="newwtr clearfix" >
                    <div class="nameTitle">委托事项:</div>
                    <div class="dropdown case-choose-dropdown pull-left form-group">

                      <select class="search-box" ng-model="mNewCase.entrustType"  name="entrustType" style="height:40px;width:480px" ng-options="commissioned.id as commissioned.typename for commissioned in CaseTrialSelet" required w5c-dynamic-element>
                        <option value="" class="ProductAttributesSelect">请选择委托事项</option>
                      </select>

                    </div>
                  </div>
                  <!--案件名称-->
                  <div class="newwtr clearfix" >
                    <div class="nameTitle">案件名称:</div>
                    <div class="relativeDiv">
                      <div class="dropdown case-choose-dropdown pull-left form-group">
                        <input class="search-box" type="text" style="width:480px" ng-model="mNewCase.caseName" name="caseName"  placeholder="请填写案件名称" name="caseName" maxlength="100" required w5c-dynamic-element />
                      </div>
                    </div>
                  </div>


                </div>
                <!---切换tab 3-->
                <div class="tabbox form-group search{{searchTb}}" ng-if="searchTb==3">
                  <!--业务类型-->
                  <div class="newwtr clearfix form-group" >
                    <div class="nameTitle">业务类型:</div>
                    <div style="position: relative">

                      <div class="dropdown case-choose-dropdown pull-left form-group">
                        <select class="search-box" ng-model="mNewCase.serviceType" name="serviceType" style="height:40px; width:480px" ng-options="case.id as case.typename for case in caseCateSelet" required w5c-dynamic-element>
                          <option value="" class="ProductAttributesSelect">请选择业务类型</option><!--ng-options-->
                        </select>

                      </div>
                    </div>
                  </div>

                  <!--开始日期-->
                  <div class="ajlx clearfix">
                    <div class="nameTitle">开始日期:</div>
                    <div class="pull-left padding-left-20" style="width:200px;">
                      <div class="startDate form-group">
                        <input maxlength="20" placeholder="开始日期" id="startDate" type="text" name="startTime" class="form_datetime ss ss1" style="cursor: pointer;width:100%; padding-left:10px" ng-model="mNewCase.startTime"  required w5c-dynamic-element/>

                        <!--<a class="" href="#" style="width:100%; line-height:30px;" id="startDate">
                          <i class="glyphicon glyphicon-calendar pull-left"></i>点击设置
                        </a>
                        -->
                      </div>


                    </div>
                    <span class="caseTrail">结束日期:</span>
                    <div class="pull-left text-center padding-left-20 form-group" style="width:213px;">
                      <input maxlength="20" placeholder="结束日期" id="endDate" type="text"  class="form_datetime ss ss1" style="cursor: pointer;width:100%; padding-left:10px" ng-model="mNewCase.endTime" name="endTime"  required w5c-dynamic-element/>
                    </div>
                  </div>


                </div>
                <!---切换tab 4-->
                <div class="tabbox form-group search{{searchTb}}" ng-if="searchTb==4">
                  <!--项目名称-->
                  <div class="newwtr clearfix" >
                    <div class="nameTitle">项目名称:</div>
                    <div style="position: relative">
                      <div class="dropdown case-choose-dropdown pull-left form-group">
                        <input class="search-box" type="text" ng-model="mNewCase.projectName" placeholder="请填写项目名称" name="projectName"  maxlength="100" style="width:480px" required w5c-dynamic-element/>
                      </div>
                    </div>
                  </div>

                </div>
                <!--案件所属-->
                <div class="newwtr clearfix" >
                  <div class="nameTitle">案件所属:</div>
                  <div class="neirongBox2 caseSS form-group" id="getSS">
                   <input text="hidden" class="hideInp" id="handleType" >
                    <label  class="inline margin-left-10" ng-click="hidePer()">
                      <input class="ace cb-style" type="radio"  name="chickenEgg" value="1" ng-model="mNewCase.handleType" ng-value="1" >
                      <span class="lbl"> 个人办理</span>
                    </label>

                    <label  class="inline margin-left-10 showTeam" ng-click="showPer()">
                      <input class="ace cb-style" type="radio"  name="chickenEgg" value="2" ng-model="mNewCase.handleType" ng-value="2">
                      <span class="lbl"> 团体办理</span>
                    </label>
                  </div>
                </div>
                <!--选择团体-->
                <div class="newwtr clearfix" ng-if="personalP" id="showp">
                  <div class="nameTitle">选择团体:</div>
                  <div class="relativeDiv">
                    <div class="dropdown case-choose-dropdown pull-left form-group">
                      <select class="search-box" id="serBox" ng-model="mNewCase.selectedTeam" name="selectedTeam"  style="height:40px; width:480px" ng-options="tl.id as tl.teamname for tl in teamList"  required w5c-dynamic-element>
                        <option value="" class="ProductAttributesSelect">请选择团体</option>
                      </select>
                    </div>
                  </div>
                </div>
                <!--底部-->
                <div class="nextStepBox clearfix">
                  <button class="btn-bg saveBtn greeBackColor"  w5c-form-submit="nextStep()"   style="float: right">下一步</button>
                </div>

             <!--通用部分 end-->
              </div><!---createCaseDiv1 end-->

                <div class="" id="typeCu" ng-if="createCaseDiv == 2">

                <!--客户类型-->
                <div class="ajlb clearfix">
                  <div class="nameTitle">客户类型:</div>
                  <div class="neirongBox2Outer" id="pAndC">
                    <button type="button" class="btn sex btn-show inlineBlock w100 margin-left-10 addpeople" ng-class="{'active-show':mNewCase.customerType==1}" ng-click="getCusType(1)">
                      个人客户
                    </button>
                    <button type="button" class="btn sex btn-show inlineBlock w100 margin-left-10 addcompany"  ng-class="{'active-show':mNewCase.customerType==2}" ng-click="getCusType(2)">
                      企业客户
                    </button>
                  </div>
                </div>
                <!--客户名称-->
                <div class="ajlx clearfix form-group">
                  <div class="nameTitle">客户名称:</div>
                  <div class="searchBox inlineBlock padding-left-20 form-group">
                    <ul class="clearfix floatL" style="display: none">
                      <li ng-repeat="per in addPerList">
                        <div>
                          <span>{{per.name}}</span>
                        </div>
                      </li>
                    </ul>
                    <div style="position:relative;">
                      <input type="text" ng-model="searchName.name" name="cname" class="form-control focusInput inputColor"  placeholder="请输入客户名称" style="width:370px;" ng-keyup="showPersonResult()" ng-focus="showPersonResult()"  ng-keydown="hideCss()"   autocomplete="off" id="serName">
                      <div style="width:368px;height:35px;display:none;position:absolute;left:1px;bottom:-35px;border:1px #ccc solid;padding-left:15px;line-height: 35px;" id="PromptD">没有客户，请创建新客户</div>
                    </div>
                    <div ng-if="showModule.searchList" class="listMsgBox">
                      <ul class="listmsg" >
                        <li class="clearfix" ng-repeat="searchNaturalPer in searchNaturalPerList"  ng-click="selectConsigner(searchNaturalPer, mNewCase.customerType)">
                          <div class="L_searchL">
                            <p style="line-height: 30px;">
                              {{searchNaturalPer.name}}
                            </p>
                          </div>
                          <div class="L_searchR" ng-show="mNewCase.customerType==1">
                            <p>{{searchNaturalPer.phone}}</p>
                          </div>
                        </li>
                      </ul>
                    </div>


                  </div>
                  <a class="margin-left-20"  style="line-height:30px; position: absolute;" href="javascript:;"  ng-click="createNewPer();" ><i class="glyphicon glyphicon-plus pull-left"></i> 创建新客户</a>
                </div>
                <div ng-if="mNewCase.customerType==1">
                  <!--客户信息-->
                  <div class="ajlx clearfix">
                    <div class="nameTitle">联系方式:</div>
                    <div class="inlineBlock padding-left-20 lineHeight35 w240 colorGray" id="pPhone">
                      {{natrualPerr.phone||'自动关联'}}
                    </div>

                    <span class="inlineBlock">住所:</span>
                    <div class="inlineBlock padding-left-20 lineHeight35 w240 colorGray" id="pAddr">
                      {{natrualPerr.address||'自动关联'}}
                    </div>
                  </div>
                  <!--工作单位-->
                  <div class="ay tboxCont">
                    <div class="nameTitle clearfix address" >工作单位:</div>
                    <div class="inlineBlock padding-left-20 lineHeight35 w480 colorGray" id="ppAddr">
                      {{natrualPerr.workPlace||'自动关联'}}
                    </div>
                  </div>
                </div>
                <div ng-if="mNewCase.customerType==2">
                  <!--客户信息-->
                  <div class="ajlx clearfix">
                    <div class="nameTitle">联系人:</div>
                    <div class="inlineBlock padding-left-20 lineHeight35 w240 colorGray" id="cname">
                      自动关联
                    </div>

                    <span class="inlineBlock">联系方式:</span>
                    <div class="inlineBlock padding-left-20 lineHeight35 w240 colorGray" id="cphone">
                      自动关联
                    </div>
                  </div>
                  <!--企业地址 工作单位-->
                  <div class="ay tboxCont">
                    <div class="nameTitle clearfix address" >企业地址:</div>
                    <div class="inlineBlock padding-left-20 lineHeight35 w480 colorGray" id="cAddress">
                      自动关联
                    </div>
                  </div>
                </div>
                <!--委托人身份-->
                <div class="ay tboxCont" ng-if="mNewCase.CaseClassificationId">
                  <div class="nameTitle clearfix ">委托人身份:</div>
                  <div class="searchBox inlineBlock padding-left-20 form-group">
                    <select class="form-control focusInput inputColor ng-pristine ng-untouched ng-valid ng-empty" ng-model="mNewCase.caseClientType" name="caseClientType" style="width:480px;" required w5c-dynamic-element>
                      <option value="" class="ProductAttributesSelect">请选择委托人身份</option><!--ng-options-->
                      <option value="{{item.id}}" ng-repeat="item in identifyType" class="ProductAttributesSelect">
                        {{item.indentity}}
                      </option>
                    </select>
                  </div>
                </div>
                <!--底部-->
                <div class="nextStepBox clearfix text-right padding-left-112">
                  <button class="btn btn-bg saveBtn pull-left form-group"  style="background: #f2f2f2; color: #a6a6a6;" ng-click="caseform.reset();toBack()">上一步</button>
                  <button class="btn-hide" style="background: none" ng-if="searchTb==4" ng-click="caseSkip()">跳过此步</button>
                  <button class="btn btn-bg saveBtn greeBackColor margin-left-10" w5c-form-submit="saveCase()">确定</button>
                </div>
            </div><!---createCaseDiv2 end-->
        </form>
      </div>
    </div>
  </div>
</div>



<!--id="myModalCust"-->
<!--添加客户弹框-->
<div class="modal fade" id="addPerson" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="z-Select">
        <!--添加客户管理弹框头部-->
        <div class="z-Select-header clearfix">
          <p class="p-title fl">请选择客户类型</p>
          <ul class="z-Select-header-content fl">
            <!--个人头像-->
            <li class="person fl" ng-show="mNewCase.customerType==1"  ng-class="{'personActive':personActive==0}"><!--ng-click="personActive=0"-->
              <a href="JavaScript:void(0);" class="touch"></a>
              <a href="JavaScript:void(0);" class="person-btn"></a>
              <span class="person-title">个人</span>
            </li>
            <!--机构头像-->
            <li class="select fl"  ng-show="mNewCase.customerType==2"  ng-class="{'personActive':personActive==1}"><!--ng-click="personActive=1"-->
              <a href="JavaScript:void(0);" class="touch"></a>
              <a href="JavaScript:void(0);" class="select-btn"></a>
              <span class="select-title">机构</span>
            </li>
          </ul>
          <span class="side fr" data-dismiss="modal" aria-label="Close" ng-click="validateForm.reset()" ><a href="JavaScript:void(0);" ></a></span>
        </div>


        <!--添加客户管理弹框中心-->
        <div class="z-Select-content">
          <!--机构-->
          <form class="w5c-form" novalidate w5c-form-validate="validateOptions" name="companyForm" id="companyD" ng-if="personActive==1">
            <div class="company" >
              <div class="z-Select-con">
                <div class="z-Select-content-name form-group">
                  企业名称：<input maxlength="50" type="text" name="companyName" placeholder="请输入企业名称"  class="Select-in inputStyle form-control"  required w5c-dynamic-element ng-model="paramsM.companyname" ng-change="findEnterpriseList()"><!--uib-typeahead="prise.ENTNAME for prise in findEnterpriseList($viewValue)"输入关键词后，会自动补全企业信用信息-->
                </div>
                <div class="z-Select-content-news form-group">
                  <h4>联系人信息</h4>
                  <p><span>姓名：</span><input maxlength="50" type="text" placeholder="请输入联系人的名称" class="Select-in inputStyle form-control "  required  name="contactname" ng-model="paramsM.contactname"></p>
                  <p><span>手机：</span><input maxlength="50" type="text" ng-model="paramsM.contactphone" placeholder="请输入联系人的手机号码" required w5c-dynamic-element name="contactphone" class="Select-in inputStyle form-control "  ng-pattern="/^1[3|4|5|7|8][0-9]{9}$/"></p>
                </div>
              </div>
              <!--添加客户管理弹窗尾部-->
              <div class="z-Select-footer">
                <div class=clearfix>
                  <p class="fl">客户分组：</p>
                  <ul class="select-footer-switch fl form-group">
                    <li  class="fl" ng-class="{'active': teamSelected == team.customerGroupId}" ng-click="showTeam(team.customerGroupId)" ng-repeat="team in customerList">
                      {{team.customerGroupName.substring(0,1)}}
                    </li>
                  </ul>
                </div>
                <div class="select-footer-btn clearfix">
                  <button w5c-form-submit="createCompanyList()" class="active fl">添加</button>
                  <button style="width: 90px; height: 30px; " class="fl"  data-dismiss="modal" ng-click="companyForm.reset()">取消</button>
                </div>
              </div>
            </div >
          </form>

          <!--个人-->
          <form class="w5c-form" novalidate w5c-form-validate="validateOptions" name="personalForm" id="personD" ng-if="personActive==0">
            <div class="personal" >
              <div class="z-Select-con">
                <div class="z-Select-content-data1 form-group">
                  <span>姓名：</span>
                  <input maxlength="50" type="text" w5c-dynamic-element required   placeholder="请输入客户的名称" class="Select-on inputStyle form-control" name="personName" ng-model="paramsP.name" >
                  <span  style="padding-left: 18px;">手机：</span>
                  <input maxlength="11" type="text" placeholder="请输入客户的手机号码" class="Select-on1 inputStyle form-control " name="personPhone" w5c-dynamic-element required  ng-model="paramsP.contactnumber" ng-pattern="/^1[3|4|5|7|8][0-9]{9}$/">
                </div>
                <h4>非必填，添加成功后可以继续完善</h4>
                <div class="z-Select-content-data2 clearfix">
                  <div class="data2-left fl form-group">
                    <span>身份证号：</span><input maxlength="50" type="text" placeholder="请输入客户的身份证号码" class="Select-on inputStyle form-control " name="personIdent" ng-model="paramsP.identificationNumber" w5c-dynamic-element ng-pattern="/(^\d{15}$)|(^\d{17}([0-9]|X)$)/">
                    <span>工作单位：</span><input maxlength="50" type="text" class="Select-on inputStyle form-control " ng-model="paramsP.workplace" name="personWork">
                  </div>
                  <div class="data2-right fl form-group">
                    <span>职业：</span><input maxlength="50" type="text" placeholder="请输入客户的职业" class="Select-on1 inputStyle form-control " ng-model="paramsP.profession" name="personPro">
                    <span> 住所：</span><input maxlength="50" type="text" class="Select-on1 inputStyle" ng-model="paramsP.address" name="personAddress">
                  </div>
                </div>
                <div class="z-Select-content-data3 form-group">
                      <span class="age">年龄：
                        <input maxlength="3" type="text" class="Select-on inputStyle" ng-model="paramsP.age"  name="personAge" w5c-dynamic-element  ng-pattern="/^(?:[1-9]?\d|100)$/">
                      </span>
                  <span class="nation ">民族：
                        <input maxlength="50" type="text"  class="Select-on inputStyle" ng-model="paramsP.nationality">
                      </span>
                  <span class="sex">性别：
                    <!--<input type="text"class="Select-on inputStyle">-->
                        <div class="radio sexRadio">
                          <label>
                              <input name="gender" ng-model="paramsP.sex" type="radio" class="ace" id="zman" value="0">
                              <span class="lbl"> 男</span>
                          </label>
                          <label>
                              <input name="gender" ng-model="paramsP.sex" type="radio" class="ace" id="zgirl" value="1">
                              <span class="lbl"> 女</span>
                          </label>
                        </div>
                      </span>
                </div>
              </div>

              <!--添加客户管理弹窗尾部-->
              <div class="z-Select-footer form-group">
                <div class="clearfix">
                  <p  class="fl">客户分组：</p>
                  <ul class="select-footer-switch  fl">
                    <li  class="fl" ng-class="{'active': teamSelected == team.customerGroupId}" ng-click="showTeam(team.customerGroupId)" ng-repeat="team in customerList">
                      {{team.customerGroupName.substring(0,1)}}
                    </li>
                  </ul>
                </div>
                <div class="select-footer-btn clearfix">
                  <button  w5c-form-submit="createPersonList()" class="footer-btn active fl">添加</button>
                  <button style="width: 90px; height: 30px;" class="fl"  data-dismiss="modal" ng-click="personalForm.reset()">取消</button>
                </div>
              </div>
            </div>
          </form>
        </div>

      </div>
    </div>
  </div>
</div>


<script>
  $(window).ready(function () {
//        $('#Bar').children('li:eq(1)').addClass('active').siblings('li').removeClass('active');
    /*========点击案件类型=====*/
    $("#modal-casetype-btn button").on("click", function () {
      $("#modal-casetype-btn button").addClass("gayBackColor").removeClass("greeBackColor");
      $(this).addClass("greeBackColor").removeClass("gayBackColor");
    });

    /*=======个人和公司切换=====*/
    $("#pAndC button").on('click',function(){
      $("#pAndC button").addClass("gayBackColor").removeClass("active-show");
      $(this).addClass("active-show").removeClass("gayBackColor");
    })

    /*==========关闭 新建人员弹出框=====*/
    $(".Add-close").on("click", function () {
      $(this).parent(".peplAddBox3").addClass("hide");
    });
    $(".CaseDuiDangshiRen").on("click", function () {
      $("#peplAddBoxId").addClass("hide");
    });

    /*======直接选择和添加切换=====*/
    $(".eplAddDivliUl li").on("click", function () {
      var i = $(this).index();
      $(this).addClass("active").siblings().removeClass("active");
      $(this).parent(".eplAddDivliUl").siblings(".eplAddDivDiv").find(".eplAddDivliIn").addClass("hide");
      $(this).parent(".eplAddDivliUl").siblings(".eplAddDivDiv").find(".eplAddDivliIn").eq(i).removeClass("hide");
    });



    //限制option的宽度
    $(".ProductAttributesSelect")
      .mouseover(function(){
        $(this)
          .data("origWidth", $(this).css("width"))
          .css("width", "auto");
      })
      .mouseout(function(){
        $(this).css("width", $(this).data("origWidth"));
      });

  });
</script>


